<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS3 Shape</title>

    <link rel="stylesheet" href="./style.css" />
</head>
<body>
	<div class="shape">
		<!-- 圆形 -->
		<div class="circle"></div>
		<div class="square"></div>
		<div class="rectangle"></div>
		<div class="oval"></div>
		<div class="triangle-up"></div>
		<div class="triangle-down"></div>
		<div class="triangle-left"></div>
		<div class="triangle-right"></div>
		<div class="diamond"></div>
		<div class="trapezium"></div>
		<div class="parallelogram"></div>
		<div class="star"></div>
		<div class="star-six-points"></div>
		<div class="pentagon"></div>
		<div class="hexagon"></div>
		<div class="octagon"></div>
		<div class="comment-bubble"></div>
		<div class="infinity"></div>
		<div class="heart"></div>
	</div>
	<div class="egg"></div>
</body>
</html>
